@lowBg_color: #f0f2f5; //默认基准颜色
@menuBg_color: #fff; //基础element的覆盖样式
@font-color: #455a64; //字体颜色
@setting_edit: #007cff;
@setting_delete: #FF3A35;
@setting_warning: #E6A23C;
@setting_success: #2BD400;

/*初始化上传图片的大小*/
.avatar-uploader {
    width: 120px;
    height: 120px;
    font-size: 30px;
    border: 1px dashed #ccc;
    border-radius: 5px;

    div {
        width: 100%;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
    }
}

.font-success {
    color: @setting_success;
}

.font-danger {
    color: @setting_delete;
}

/*初始化分页模块的样式*/
.el-pagination {
    padding: 5px 0;
    display: flex;
    justify-content: flex-end;
}

.el-table {
    table-layout: fixed;

}

/*初始化table里的按钮样式*/
.el-table {
    table-layout: fixed;

    .table_settings {
        width: 100%;
        display: flex;
        cursor: pointer;

        .table_btn {
            padding: 0 10px;

            img {
                width: 12px;
                height: 12px;
                margin-right: 3px;
            }
        }

        .table_btn.edit {
            color: @setting_edit;
        }

        .table_btn.success {
            color: @setting_success;
        }

        .table_btn.delete,
        .table_btn.danger {
            color: @setting_delete;
        }

        .table_btn.warning {
            color: @setting_warning;
        }
    }
}

/*初始化宽度class*/
.small {
    width: 33%;
}

.little {
    width: 25%;
}

.middle {
    width: 49%;
}

.big {
    width: 100%;
}

.tiny {
    width: 19%;
}

/*初始化弹窗form表单的样式*/
.editInfo .el-form .el-form-item {
    margin-bottom: 15px;
}

.el-form {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;

    .el-form-item.small {
        width: 33%;
    }

    .el-form-item.middle {
        width: 48%;
    }

    .el-form-item.big {
        width: 100%;
    }

    .el-form-item.tiny {
        width: 19%;
    }

    label {
        color: #8994A9;
    }
}

/*\初始化header_nav的样式*/
.header_nav {
    width: 100%;
    padding: 20px 0;
    box-sizing: border-box;
}

.header_nav .el-form-item {
    margin: 0;
}

/*初始化element 的icon的更多图标*/
.el-icon-circle {
    width: 4px;
    height: 4px;
    border: 3px solid #a1aec7;
    border-radius: 5px;
    margin-right: 5px;
}

.el-image-viewer__close {
    color: white;
}

/*初始化button最小宽度*/
.el-button {
    min-width: 80px;
}

.el-dialog .el-dialog__body {
    padding: 30px;
}

/*初始化单选框的样式*/

.el-radio--small.is-bordered {
    padding: 8px 10px 0px 10px;
}

.el-radio__label {
    padding-left: 5px;
}

.el-radio__inner {
    border: 4px solid #ccc;
}